<%@ Page Language="VB" MasterPageFile="~/master pages/ClientMasterPage.master" AutoEventWireup="false"
    CodeFile="frmRegisteration.aspx.vb" Inherits="Client_frmRegisteration" Title="Untitled Page" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <table class="box" width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td class="boxheading" width="100%" height="14">
                    <h2 class="boxtitle">
                        Customer Registration Detail
                    </h2>
                </td>
            </tr>
        </tbody>
    </table>
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
     <style type="text/css">
        /*Modal Popup*/
        .modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
    </style>
    <table align="center">
        <tr>
            <td style="width: 344px">
                &nbsp;
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width: 344px">
                &nbsp;
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width: 344px">
                <table align="center" style="border: 1px; border-color: white; border-style: solid;">
                    <tr>
                        <td style="width: 1353px; height: 15px">
                            &nbsp;</td>
                        <td style="width: 364px; height: 15px;">
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">User Id:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtUserId" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender12" TargetControlID="txtUserId"
                                WatermarkText="Enter User Id Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="UserId-Cannot Be Blank."
                                ControlToValidate="txtUserId">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator6" runat="server" ErrorMessage="UserId-Only Characters Are Allowed."
                                ControlToValidate="txtUserId" ValidationExpression="[a-zA-Z0-9]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="height: 26px; width: 1353px;">
                            <span style="color: Black;">Password:</span></td>
                        <td style="height: 26px; width: 364px;">
                            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" TargetControlID="txtPassword"
                                WatermarkText="Enter Password" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td style="height: 26px">
                            <cc1:PasswordStrength PreferredPasswordLength="10" PrefixText="Strength:" TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
                                ID="PasswordStrength1" TargetControlID="txtPassword" DisplayPosition="RightSide"
                                runat="server">
                            </cc1:PasswordStrength>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Password-Cannot Be Blank."
                                ControlToValidate="txtPassword">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Password-Does Not Match."
                                ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword">*</asp:CompareValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Password-Must be Of 6-20 Characters & No Special Chars Allowed."
                                ControlToValidate="txtPassword" ValidationExpression="[A-Z,a-z,0-9]{6,20}">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="height: 28px; width: 1353px;">
                            <span style="color: Black;">Confirm Password:</span></td>
                        <td style="height: 28px; width: 364px;">
                            <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender13" TargetControlID="txtConfirmPassword"
                                WatermarkText="ConfirmPassword" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">First Name:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtFirstName" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" TargetControlID="txtFirstName"
                                WatermarkText="Enter FirstName Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="FirstName-Cannot Be Blank."
                                ControlToValidate="txtFirstName">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator7" runat="server" ErrorMessage="FirstName-Only Characters Are Allowed."
                                ControlToValidate="txtFirstName" ValidationExpression="[A-Z,a-z, ]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Last Name:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtLastName" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" TargetControlID="txtLastName"
                                WatermarkText="Enter LastName Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="LastName-Cannot Be Blank."
                                ControlToValidate="txtLastName">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator8" runat="server" ErrorMessage="LastName-Only Characters Are Allowed."
                                ControlToValidate="txtLastName" ValidationExpression="[A-Z,a-z, ]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Address:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtAddress" runat="server" Rows="2" TextMode="MultiLine" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" TargetControlID="txtAddress"
                                WatermarkText="Enter Address Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Address-Cannot Be Blank."
                                ControlToValidate="txtAddress">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Country:</span></td>
                        <td style="width: 364px">
                            <asp:DropDownList ID="ddlCountry" runat="server" AutoPostBack="True" Width="156px">
                            </asp:DropDownList></td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">State:</span></td>
                        <td style="width: 364px">
                            <asp:DropDownList ID="ddlState" runat="server" AutoPostBack="True" Width="156px">
                            </asp:DropDownList></td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">City:</span></td>
                        <td style="width: 364px">
                            <asp:DropDownList ID="ddlCity" runat="server" Width="156px">
                            </asp:DropDownList></td>
                    </tr>
                    <tr>
                        <td style="width: 1353px" align="right">
                            <span style="color: Black;">Gender:</span></td>
                        <td style="width: 364px" align="left">
                            <asp:RadioButtonList ID="rdbGender" runat="server">
                                <asp:ListItem Selected="True">Male</asp:ListItem>
                                <asp:ListItem>Female</asp:ListItem>
                            </asp:RadioButtonList>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 1353px">
                        </td>
                        <td style="width: 364px">
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">BirthDate:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtBirthDate" runat="server" Rows="2" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender14" TargetControlID="txtBirthDate"
                                WatermarkText="Enter Date MM/DD/YYYY" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="BirthDate-Cannot Be Blank."
                                ControlToValidate="txtBirthDate">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <cc1:MaskedEditExtender runat="server" TargetControlID="txtBirthDate" Mask="99/99/9999"
                                MessageValidatorTip="true" MaskType="Number" InputDirection="lefttoright">
                            </cc1:MaskedEditExtender>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Phone Number:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtPhoneNumber" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender5" TargetControlID="txtPhoneNumber"
                                WatermarkText="Enter Only 10 or 11 Digits." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" TargetControlID="txtPhoneNumber"
                                FilterType="Numbers" ValidChars="+" runat="server">
                            </cc1:FilteredTextBoxExtender>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" ErrorMessage="PhoneNumber-Should Be Of 10 or 11 Digits."
                                ControlToValidate="txtPhoneNumber" ValidationExpression="[0-9]{10,11}">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Mobile Number:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtMobileNumber" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender7" TargetControlID="txtMobileNumber"
                                WatermarkText="Enter Only 10 or 11 Digits." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" TargetControlID="txtMobileNumber"
                                FilterType="Numbers" ValidChars="+" runat="server">
                            </cc1:FilteredTextBoxExtender>
                        </td>
                        
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ErrorMessage="MoblieNumber-Should Be Of 10 or 11 Digits."
                                ControlToValidate="txtMobileNumber" ValidationExpression="[0-9]{10,11}">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Email Id:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtEmailId" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender8" TargetControlID="txtEmailId"
                                WatermarkText="Enter EmailId." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ErrorMessage="EmailId-Cannot Be Blank."
                                ControlToValidate="txtEmailId">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="Invalid EmailId"
                                ControlToValidate="txtEmailId" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Anniversary Date:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtAnniversaryDate" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender9" TargetControlID="txtAnniversaryDate"
                                WatermarkText="Enter AnniversaryDate  MM/DD/YYYY." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <cc1:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="txtAnniversaryDate" Mask="99/99/9999"
                                MessageValidatorTip="true" MaskType="Number" InputDirection="lefttoright">
                            </cc1:MaskedEditExtender>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Zipcode:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtZipcode" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender6" TargetControlID="txtZipcode"
                                WatermarkText="Enter Zipcode." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ErrorMessage="Zipcode-Cannot Be Blank."
                                ControlToValidate="txtZipcode">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="ZipCode-Must Be 6 Or 7 Digits"
                                ControlToValidate="txtZipcode" ValidationExpression="[0-9]{6,7}">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Select A Security Question:</span></td>
                        <td style="width: 364px">
                            <asp:DropDownList ID="ddlQuestion" runat="server" Width="162px">
                                <asp:ListItem>What is Your Spouse's Name ?</asp:ListItem>
                                <asp:ListItem>What Is Your First Pet's Name ?</asp:ListItem>
                                <asp:ListItem>What Is Your Mother's Name ?</asp:ListItem>
                                <asp:ListItem>What Is Your Best Frn's Name ?</asp:ListItem>
                                <asp:ListItem>Where Did You First Meet Your Spouse ?</asp:ListItem>
                                <asp:ListItem>Where Were You Born ?</asp:ListItem>
                                <asp:ListItem>What Is Your First School's Name ?</asp:ListItem>
                                <asp:ListItem>What Was The First Gift  From Your Spouse ?</asp:ListItem>
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="width: 1353px">
                            <span style="color: Black;">Answer To Your Security Question:</span></td>
                        <td style="width: 364px">
                            <asp:TextBox ID="txtAnswer" runat="server" Width="156px"></asp:TextBox>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender10" TargetControlID="txtAnswer"
                                WatermarkText="Enter Your Answer." runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender11" TargetControlID="txtAnswer"
                                WatermarkText="Your Answer Here" runat="server">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ErrorMessage="Security Answer Cannot Be Blank."
                                ControlToValidate="txtAnswer">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 1353px">
                            &nbsp;</td>
                        <td style="width: 364px">
                        </td>
                    </tr>
                    <tr align="center">
                        <td colspan="8" align="center">
                            <asp:Button ID="btnSubmit" runat="server" Text="Submit"></asp:Button>
                            <asp:Button ID="btnReset" runat="server" Text="Reset" CausesValidation="false"></asp:Button>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="width: 344px" align="center">
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width: 344px">
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width: 344px">
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="height: 24px; width: 344px;">
                &nbsp;</td>
            <td style="height: 24px">
            </td>
        </tr>
        <tr>
            <td style="width: 344px">
                &nbsp;</td>
            <td>
            </td>
        </tr>
    </table>
</asp:Content>
